<template>
  <ul class="father">
    <li id="image"><img src="../../assets/image/teacher.jpeg"></li>
    <li><router-link  to="/teaHome/checkClass">查看班级</router-link></li>
    <li><router-link  to="/teaHome/modpsw">修改密码</router-link></li>
    <li><router-link  to="/start/login">退出登录</router-link></li>
</ul>
</template>

<script>
export default {
name:'Teaside',
}
</script>

<style lang='less' scoped>
*{
    padding: 0;
    margin:0;
}
li{
    list-style: none;
}
.father{
    float: left;
    width:15% ;
    height: 100%;
    background-color: rgb(243, 240, 240);
    border-right: 1px solid rgb(221, 220, 220);
    li{
        height:60px;
        border-bottom: 2px solid rgb(223, 221, 221);
        border-left: 6px solid rgb(243, 240, 240);
        text-align: center;
        line-height: 60px;
        font-size:20px;
        a{
            display:block;
            height: 60px;
            width:100%;
             border-bottom: 2px solid rgb(223, 221, 221);
            border-left: 6px solid rgb(243, 240, 240);
        }

    }
    #image{
        height: 250px;
        text-align: center;
        img{
            width:100%;
            height:100%;
        }
    }
}

.router-link-active{
    background-color:rgb(184, 181, 181);
    font-weight: bold;
    border-left:6px solid blue !important;
 
  }


</style>